<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>京东购物车</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="warsper">
    <div class="container">
       <div class="header">
           <p>
               <img src="images/jingdong-logo_03.gif" alt="">
               <span style="font-size: 19px">购物车</span>
           </p>
       </div>

        <div class="banenr">
            <p style="color:red;">全部商品 5</p>

        </div>
        <table id="table">
            <thead>
            <tr>
                <th style="">商品</th>
                <th style="padding-left: 90px">名称</th>
                <th style="padding-left: 158px">单价</th>
                <th style="padding-left: 60px">数量</th>
                <th style="padding-left: 50px">小计</th>
                <th style="padding-left: 40px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr class="tr">
                <td><img src="images/t-1_03.gif" alt=""></td>
                <td style="padding-left: 90px">
                    <img src="images/jd_06.gif" alt="" style="">
                    <img src="images/sx_08.gif" alt="" style="">
                    <span style="font-size: 12px">美伦达赣南脐橙 颜色：赣南脐橙铂金果3斤装<br>
                    2017新上市三斤装铂金果</span>
                </td>
                <td style="padding-left: 160px">￥<span>25.80</span></td>
                <td style="padding-left: 60px">
                    <input class="num" type="text" value="2">
                </td>
                <td style="padding-left: 50px">￥<span></span></td>
                <td class="del" style="padding-left: 40px">删除</td>
            </tr>
            <tr class="tr">
                <td><img src="images/t-2_06.gif" alt=""></td>
                <td style="padding-left: 90px">
                    <img src="images/sx_08.gif" alt="">
                    <span style="font-size: 12px">Camposol 秘鲁进口精选蓝 颜色：秘鲁蓝莓4盒装<br>
                    莓4盒装单盒约125g新鲜水果</span>
                </td>
                <td style="padding-left: 160px">￥<span>46.90</span></td>
                <td style="padding-left: 60px">
                    <input class="num" type="text" value="2">
                </td>
                <td style="padding-left: 50px">￥<span></span></td>
                <td class="del" style="padding-left: 40px">删除</td>
            </tr>
            <tr class="tr">
                <td><img src="images/t-3_08.gif" alt=""></td>
                <td style="padding-left: 90px">
                    <img src="images/sx_08.gif" alt="">
                    <span style="font-size: 12px">欢乐果园广西青皮芒果2个 颜色：青皮芒2粒尝鲜装<br>
                    单果约260g以上新鲜水果</span>
                </td>
                <td style="padding-left: 160px">￥<span>10.90</span></td>
                <td style="padding-left: 60px">
                    <input class="num" type="text" value="2">
                </td>
                <td style="padding-left: 50px">￥<span></span></td>
                <td class="del" style="padding-left: 40px">删除</td>
            </tr>
            <tr class="tr">
                <td><img src="images/t-4_10.gif" alt=""></td>
                <td style="padding-left: 90px">
                    <img src="images/sx_08.gif" alt="">
                    <span style="font-size: 12px">爱奇果 新疆库尔勒香梨约 颜色：2.5kg单果约120-150g<br>
                    2.5kg当季新果特级装 单果约120-</span>
                </td>
                <td style="padding-left: 160px">￥<span>39.90</span></td>
                <td style="padding-left: 60px">
                    <input class="num" type="text" value="2">
                </td>
                <td style="padding-left: 50px">￥<span></span></td>
                <td class="del" style="padding-left: 40px">删除</td>
            </tr>
            <tr class="tr">
                <td><img src="images/t-2_06.gif" alt=""></td>
                <td style="padding-left: 90px">
                    <img src="images/sx_08.gif" alt="">
                    <span style="font-size: 12px">
                        辉宏果蔬苹果烟台红富士 颜色：12粒75mm红富士<br>
                        12个单果约75mm总重量2.1kg新鲜
                    </span>
                </td>
                <td style="padding-left: 160px">￥<span>34.90</span></td>
                <td style="padding-left: 60px">
                    <input class="num" type="text" value="2">
                </td>
                <td style="padding-left: 50px">￥<span></span></td>
                <td class="del" style="padding-left: 40px">删除</td>
            </tr>
            </tbody>
        </table>
        <div style="float: right;font-size: 19px;font-weight: bold">总价：￥<span id="allCount" style="color:red;"></span>元</div>

    </div>
</div>

<script src="script.js"></script>
</body>
</html>